<template>
    <div>
        <template v-if="action == 'edit' || action == 'search' ">
            <span>不建议使用</span>
        </template>
        <template v-if="action == 'table'">
            <div>
                <!--<router-link :to="`/order/detail/`+data.id" target="_blank"-->
                             <!--style="cursor:pointer;color:black;text-decoration:none;">-->
                    <ul class="field-details_box">
                        <li class="field-details_tou" style="display: flex">
                            <span class="zhun-icon" v-if="data.parent_id == 0">大</span>
                            <!--<span class="zhun-icon" v-if="data.product && data.product.type === 1">准</span>-->
                            <!--<span class="zhun-icon colorgreen" v-if="data.product.type === 1">保</span>-->
                            <!--<span class="field-details_ddid">{{data.full_dingdong}}</span>&nbsp;-->
                            <!--<span>{{data.status_link}}</span>&nbsp;&nbsp;-->
                            <span v-if="data.parent_id == 0">x{{data.children_orders_count}}</span>
                        </li>
                        <li>
                        </li>
                        <li><span class="field-details_send">{{data.start_area_link?data.start_area_link.name:''}}.</span>{{data.pick_name}} / {{data.pick_phone}} /
                            {{data.pick_address}} {{data.pick_address_add}}
                        </li>
                        <li><span class="field-details_rec">{{data.end_area_link?data.end_area_link.name:''}}.</span>{{data.delivery_name}} / {{data.delivery_phone}} /
                            {{data.delivery_address}} {{data.delivery_address_add}}
                        </li>
                        <!--<li>{{data.forecast_pickup_time | datereg}} - {{data.forecast_complete_time | dateregc}}</li>-->
                        <!--<li>期望:{{data.delivery_name}}</li>-->
                        <!--<li>发件:{{data.forecast_pickup_time}}</li>-->
                        <!--<li><span class="field-details_rec">H.</span>{{data.delivery_name}} / {{data.delivery_phone}} /-->
                        <!--{{data.delivery_address}}-->
                        <!--</li>-->
                        <!--<li><span class="field-details_rec"></span>物品:{{data.res_link}} /-->
                        <!--重量:{{data.total_weight}}kg-->
                        <!--</li>-->
                        <li>
                            <div class="field-details_assgin" v-if="data.executable_related_mission && data.executable_related_mission.length > 0&&data.executable_related_mission[0]['kind']!=2">
                                任务: <span style="color: #009688">{{data.executable_related_mission[0]['driver']['name']}}</span>
                                前去 <span style="color: #009688">{{data.executable_related_mission[0]['address']}}</span>
                            </div>
                            <div class="field-details_assgin"
                                 v-if="data.inexecutable_related_mission && data.inexecutable_related_mission.length > 0&&data.inexecutable_related_mission[0]['kind']!=2">
                                任务: <span style="color: #009688">{{data.inexecutable_related_mission[0]['driver']['name']}}</span>
                                前去 <span style="color: #009688">{{data.inexecutable_related_mission[0]['address']}}</span>
                            </div>
                        </li>
                    </ul>
                <!--</router-link>-->
            </div>

        </template>
    </div>
</template>
<script>
    import base from '../base.js';

    export default {
        extends: base,
        props: {},
        data() {
            return {
                searchModel: 'like',
            }
        },
        filters: {
            datereg(val) {
                if (val) {
                    return val.slice(5, 16);
                }
            },
            dateregc(val) {
                if (val) {
                    return val.slice(10, 16);
                }
            }
        }
    }
</script>
<style lang='less' scoped>
.field-details_box{
    padding-right: 6px;
    .zhun-icon{
        display: block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-right: 4px;
        text-align: center;
        border-radius: 50%;
        background-color: red;
        color: #fff;
    }
    .colorgreen{
        background-color: green;
    }
    .field-details_tou{
        font-weight: 600;
         .field-details_ddid{
       color: #ff9900;

    }
    }
    .field-details_send{
        font-weight: 600;
        color: #6295ec;
    }
    .field-details_rec{
        font-weight: 600;
        color: #19be6b;
    }
    .field-details_assgin{
        font-weight: 800;
    }

}
</style>
